<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>
			{{PROJECT_NAME}} {% block title %} {% endblock %}
		</title>

		<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}_styles/framework/960.css" media="all" />
		<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}_styles/framework/reset.css" media="all" />
		<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}_styles/framework/formee-structure.css" media="all" />
		<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}_styles/framework/formee-style.css" media="all" />
		<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}_styles/framework/print.css" media="print" />
		<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}_styles/public/screen.css" media="all" />
		<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}_styles/text.css" media="all" />

	    {% block _style %}
		{% endblock %}
		
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    	<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
		{% block _script %}
		{% endblock %}
		
	</head>
	
	<body>
		<!-- Header -->

        <div id="public_header" class="container_16">
            <h1 id="logo">skran</h1>
        </div>
	
		<!-- Main Content -->
		<div id="main" class="container_16">
			{% block before_content %}
			{% endblock %}
			<div id="content" {% block content_class %}class="grid_16"{% endblock %}>
				{% block content_header %}
				{% endblock %}
				<div id="wrap-content" {% block wrap_class %}{% endblock %}>
					{% block body %}
					{% endblock %}
				</div>
			</div>	
		</div>

	</body>
</html>
